<template>
  <v-card
          class="mx-auto"
          max-width="400"
  >
    <v-img
            class="white--text align-end"
            height="200px"
            src="https://img-blog.csdnimg.cn/20210527170843920.jpg"
    >
      <v-card-title>今日单词 0/30</v-card-title>
    </v-img>

    <v-card-subtitle class="pb-3 font-size-bg">
      计划
    </v-card-subtitle>

    <v-card-text class="text--primary">
      <div>新单词: 30</div>

      <div>需复习: 30</div>
    </v-card-text>

    <v-card-actions>
      <v-btn
              color="orange"
              text
      >
        背单词(开发中)
      </v-btn>

      <v-btn
              color="orange"
              text
      >
        复习(开发中)
      </v-btn>
    </v-card-actions>
  </v-card>
</template>

<script>
  export default {
    name: "Card"
  }
</script>

<style scoped>
  .font-size-bg{
    font-size: 16px;
  }
</style>